<!doctype html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
	<!--关键词和描述-->
	<title>未分类项</title>
	<!--下面是 公共的css-->
	<link href="__ROOT__/static/css/bootstrap.min.css" rel="stylesheet" />
    <link href="__ROOT__/static/note/index/css/common.css" rel="stylesheet" />
    <link href="__ROOT__/static/nfbf/css/index.css" rel="stylesheet" />
	
	<!--下面 每个页面的特色css-->
<style>
.nav a:link{ color:blue;text-decoration:none}  /* 未访问链接 */
.nav a:visited{ color:blue;text-decoration:none}  /* 已访问链接 */
.nav a:hover{ color:#636060;text-decoration:none}   /* 用户鼠标悬停 */
.nav a:active{ color:#636060;text-decoration:none}   /* 激活链接 */


.nav{
	/*使nav获得li 的高度*/
	overflow:hidden;
}
.nav li{
  float:left;
  /* 取消小圆点*/
  list-style: none;
  margin: 0 20px;
}

</style>



</head>

<body>
<br/><br/><br/><br/>
     <ul class="nav">
		 <li><a href="">首页</a></li>
		 <li><a href="">读书</a></li>
		 <li><a href="">绘画</a></li>
		 <li><a href="">音乐</a></li>
		 <li><a href="">首页</a></li>


	</ul>
<hr>
<pre>
		&lt;style&gt;
		.nav{
			/*使nav获得li 的高度*/
			overflow:hidden;
		}
		.nav li{
		  float:left;
		  /* 取消小圆点*/
		  list-style: none;
		  margin: 0 20px;
		}
		
		&lt;/style&gt;
		<hr/>
		&lt;ul class="nav"&gt;
		 &lt;li&gt;首页&lt;/li&gt;
		 &lt;li&gt;读书&lt;/li&gt;
		 &lt;li&gt;电影&lt;/li&gt;
		 &lt;li&gt;音乐&lt;/li&gt;
		 &lt;li&gt;绘画&lt;/li&gt;


	&lt;/ul&gt;



</pre>


	<!--下面是 公共的js-->
	<script src="__ROOT__/static/js/jquery.min.js"></script>
	<script src="__ROOT__/static/js/bootstrap.min.js"></script>
</body>

</html>